<template>
  <div class="box">
    <slot :sonData="data"> 组件盒子</slot>
  </div>
</template>
<script setup>
import { ref } from 'vue'
const data = ref('组件盒子传递过去的内容')
</script>
<style lang="scss" scoped>
.box {
  background-color: rgb(172, 187, 118);
  height: 100px;
  display: flex;
  justify-content: center;
}
</style>
